@charset "utf-8";
/*
 * 鸡蛋美术商城 圆梦美院计划手机版CSS样式文件
 * $Author: Jo
 * $Id: freeplan.css 2015-8-28 11:47:00
 * 圆梦美院计划手机版样式 Begin
*/

/* 页面整体公共处理 Begin */
body{max-width: 640px; margin: 0 auto; width: 100%; margin-top: 48px;}
table{border-spacing: 0;}
p{margin: 0;}
.none{display: none;}
/* 页面整体公共处理 End */
#freeplan-content{float: left; width: 100%; height: auto; overflow: hidden;}

/* 圆梦美院头部部分 Begin */
.dream-top{float: left; position: relative; width: 100%; height: 5.36rem;}
.dream-top img{float: left; width: 100%; height: 5.36rem;}
.dream-top .btn{float: left; position: absolute; width: 1.8rem; height: 0.48rem; line-height: 0.48rem; background-color: #f6d596; text-align: center; color: #402622; font-size: 0.24rem; left: 2.3rem; bottom: 0.98rem;}
/* 圆梦美院头部部分 End */

/* 奖金总额部分 Begin */
.bonus{float: left; position: relative; width: 100%; height: auto; background-color: #2e1e1e;}
.bonus img{float: left; width: 100%; height: 4.08rem; margin-top: 0.6rem;}
.bonus .money{position: absolute; width: 4.2rem; line-height: 0.68rem; font-size: 0.48rem; overflow: hidden; color: #d39b43; font-weight: bold; top: 1.72rem; left: 1.1rem; text-align: center;}
.bonus .soaring-people{position: absolute; width: 100%; text-align: center; font-size: 0.48rem; color: #f6d596; bottom: 1.08rem; display: block;}
/* 奖金总额部分 End */

/* 奖金排行榜 Begin */
.ranking{float: left; width: 100%; height: auto; background-color: #313131; color: #f6d596;}
.ranking .top{float: left; width: 100%; height: 0.67rem; line-height: 0.67rem; text-align: center; margin-top: 0.12rem; font-size: 0.3rem;}
.ranking .line{float: left; width: 100%; height: 1px;}
.ranking .list{float: left; width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem;}
.ranking .list li,.ranking .content .user-list span{float: left; text-align: center;}
.ranking .list .l1{width: 13%; margin-left: 2%; color: #313131;}
.ranking .list .l2,.ranking .content .user-list .li2{width: 25%;}
.ranking .list .l3,.ranking .content .user-list .li3{width: 35%;}
.ranking .list .l4,.ranking .content .user-list .li4{width: 25%;}
.ranking .content{float: left; width: 100%; height: 4rem; margin-top: 0.1rem;}
.ranking .content .user-list{float: left; height: 0.5rem; line-height: 0.5rem; width: 100%; font-size: 0.24rem; overflow: hidden;}
.ranking .content .user-list .li1{width: 13%; margin-left: 2%;}
.ranking .content .user-list .li1 img{float: left; width: 0.24rem; height: 0.22rem; margin: 0.2rem 0 0 0.32rem;}
.ranking .more{float: left; width: 100%; height: 0.6rem; line-height: 0.6rem; text-align: center; color: #f6d596; font-size: 0.24rem; margin-bottom: 0.12rem;}
.enrollment-scroll{float: left; position: relative; width: 100%; height: 0.5rem; line-height: 0.5rem; background-color: #313131; border-top: 1px solid #251313; color: #f6d596; font-size: 0.24rem;}
#scroll-rename{position: absolute; width: 5rem; height: 0.5rem; left: 0.7rem; top: 0rem; overflow: hidden;}
#scroll-rename span{margin-left: 0.5rem;}
/* 奖金排行榜 End */

/* 奖金排行榜内页 Begin */
.rank-inpage{float: left; width: 100%; height: auto; font-size: 0.24rem;}
.rank-inpage .top{float: left; width: 100%; height: 3rem;}
.rank-inpage .box{float: left; width: 100%; height: 0.85rem; line-height: 0.85rem; background-color: #2e1818; color: #cfb07d;}
.rank-inpage .list{width: 94%; height: 0.85rem; margin: 0 auto;}
.rank-inpage .list li,.rank-inpage .user-list span{float: left; text-align: center;}
.rank-inpage .list .l1{width: 12%; color: #2e1818;}
.rank-inpage .list .l2,.rank-inpage .user-list .li2{width: 22%;}
.rank-inpage .list .l3,.rank-inpage .user-list .li3{width: 35%;}
.rank-inpage .list .l4,.rank-inpage .user-list .li4{width: 25%;}
.rank-inpage .content{float: left; width: 100%; height: auto; background-color: #313131; color: #e8c98e;}
.rank-inpage .content .user-list{width: 94%; height: 0.99rem; line-height: 0.99rem; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #515150;}
.rank-inpage .user-list .li1{width: 0.5rem; height: 0.5rem; background-color: #242424; margin: 0.245rem 0.11rem; float: left; line-height: 0.5rem;}
/* 奖金排行榜内页 End */

/* 为什么实行圆梦美院计划 Begin */
.why-do{float: left; position: relative; width: 100%; height: auto; background-color: #472122;}
.why-do .top{float: left; width: 6.07rem; height: 5.23rem; margin: 0.6rem 0 0 0.165rem;}
.why-do .btn{position: absolute; width: 3.6rem; height: 0.6rem; background-color: #f6d596; color: #3f1e1f; text-align: center; line-height: 0.6rem; top: 6.34rem; left: 1.4rem; font-size: 0.24rem;}
.why-do a:active{background-color: #d3b17f;}
.why-do .bottom{float: left; width: 100%; height: 2.79rem; margin-top: 1.1rem;}
.why-do .bg-color{float: left; width: 100%; height: 2.3rem; background-color: #371b1c;}
.why-do .video-bg,.why-do .embed{position: absolute; width: 6.08rem; height: 3.38rem; bottom: 0.2rem; left: 0.16rem; z-index: 2;}
.why-do .video-bg img{float: left; width: 6.08rem; height: 3.38rem;}
.why-do .embed{z-index: 1;}
/* 为什么实行圆梦美院计划 End */

/* 名师推荐部分 Begin */
.recommend{float: left; width: 100%; height: auto; background-color: #371b1c;}
.recommend .top{float: left; width: 4.31rem; height: 0.71rem; margin: 0.39rem 0 0 1.045rem;}
.recommend .portrait1{float: left; width: 6.08rem; height: 6.32rem; margin: 0.41rem 0 0 0.16rem;}
.recommend .portrait2{float: left; width: 6.08rem; height: 6.48rem; margin-left: 0.16rem;}
.recommend .box{float: left; position: relative; width: 100%; height: 4.04rem;}
.recommend .box .video-pp,.recommend .box .embed{position: absolute; width: 6.08rem; height: 3.38rem; top: 0.2rem; left: 0.16rem; z-index: 2;}
.recommend .box .embed{z-index: 1;}
/* 名师推荐部分 End */

/* 小报名横条 Beign */
.small-bar{float: left; width: 100%; height: 0.76rem; background-color: #522626;}
.small-bar .title{float: left; width: 2.87rem; height: 0.23rem; margin: 0.265rem 0 0 0.2rem;}
.small-bar .btn{float: right; width: 1.6rem; height: 0.46rem; background-color: #f6d596; color: #522626; font-size: 0.24rem; text-align: center; line-height: 0.46rem; margin: 0.15rem 0.26rem 0 0;}
.small-bar a:active{background-color: #d3b17f;}
/* 小报名横条 End */

/* 九大美院资料 Begin */
.arts-academy{float: left; width: 100%; height: auto; background-color: #2e1818;}
.arts-academy .top{float: left; width: 4.13rem; height: 0.59rem; margin: 0.6rem 0 0 1.2rem;}
.arts-academy .content{float: left; width: 6.14rem; height: 4.58rem; margin: 0.4rem 0 0.4rem 0.13rem;}
/* 九大美院资料 End */

/* 奖金排行榜 Begin */
.win-billboard{float: left; width: 100%; height: auto; background-color: #261c1c;}
.win-billboard .title{float: left; font-size: 0.28rem; color: #f6d596; text-align: center; width: 100%; line-height: 0.66rem; margin-top: 0.15rem;}
.win-billboard .line{float: left; width: 100%; height: 1px;}
.win-billboard .list{float: left; width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #f6d596; margin: 0;}
.win-billboard .list li{float: left; text-align: center;}
.win-billboard .list .l1{width: 13%; margin-left: 2%; color: #261c1c;}
.win-billboard .list .l2{width: 25%;}
.win-billboard .list .l3{width: 35%;}
.win-billboard .list .l4{width: 25%;}
.win-billboard .content{float: left; width: 100%; height: 4rem; margin-top: 0.1rem; color: #e7c88d; overflow: hidden;}
.win-billboard .user-list{float: left; height: 0.5rem; line-height: 0.5rem; width: 100%; font-size: 0.24rem;}
.win-billboard .content .user-list span{float: left; text-align: center; overflow: hidden;}
.win-billboard .content .user-list .li1{width: 13%; margin-left: 2%;}
.win-billboard .content .user-list .li1 img{float: left; width: 0.24rem; height: 0.22rem; margin: 0.2rem 0 0 0.35rem;}
.win-billboard .content .user-list .li2{width: 25%;}
.win-billboard .content .user-list .li3{width: 35%;}
.win-billboard .content .user-list .li4{width: 25%; color: #d39b43;}
.win-billboard .more{float: left; width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #e7c88d; font-size: 0.24rem; margin-bottom: 0.18rem;}
.win-billboard .in-page{height: auto;}
.win-billboard-bottom{float: left; width: 100%; height: 2.55rem; background: #332626; border-top: 1px solid #251313; border-bottom: 1px solid #251313;}
.win-billboard-bottom .one, .win-billboard-bottom .two, .win-billboard-bottom .three{float: left; width: 100%; font-size: 0.24rem; line-height: 0.4rem; margin-top: 0.3rem; color: #f6d596;}
.win-billboard-bottom .left{float: left; text-align: right; width: 50%;}
.win-billboard-bottom .right{float: left; text-align: left; width: 50%;}
.win-billboard-bottom .two, .win-billboard-bottom .three{margin-top: 0;}
.win-billboard-bottom .btn{float: left; width: 2rem; height: 0.42rem; background-color: #f6d596; color: #241a1a; text-align: center; line-height: 0.42rem; font-size: 0.2rem; cursor: pointer; margin: 0.3rem 0 0 2.2rem; display: block;}
.win-billboard-bottom a:active{background-color: #d3b17f;}
/* 奖金排行榜 End */

/* 国际大牌 Begin */
.suppliers{float: left; width: 100%; height: auto; background-color: #2e1818;}
.suppliers .top{float: left; width: 4.67rem; height: 0.71rem; margin: 0.6rem 0 0.4rem 0.865rem;}
.suppliers .content{width: 6.08rem; height: auto; margin: 0 auto; overflow: hidden;}
.suppliers .content img{float: left; width: 6.08rem; height: 6.78rem;}
.suppliers .content .img1{height: 6.62rem;}
.suppliers .content .img5{margin-top: 0.4rem; height: 5.54rem;}
.suppliers .content .img6{height: 5.57rem; margin-bottom: 0.4rem;}
.suppliers .page-bottom{float: left; width: 100%; height: 1.98rem;}
/* 国际大牌 End */
/* 活动规则部分 Begin */
.rule{float: left; width: 100%; height: auto;}
.rule .list{width: 6.2rem; height: auto; margin: 0 auto; margin-top: 0.33rem;}
.rule .list img{float:left; width: 100%;}
.rule .list .list1{height: 8.92rem;}
.rule .list .list2{height: 9.55rem;}
.rule .list .list3{height: 9.18rem;}
.rule .text{float: left; width: 100%; height: 1.33rem; margin: 0px auto; border-top: 1px solid #e5e5e5; margin-top: 0.27rem; font-size: 0.24rem; text-align: center; line-height: 1.33rem;}
.rule .read{float: left; width: 100%; height: 1rem; background-color: #F2F2F2; position: relative;}
.rule .read .read1,.rule .read .read3{width: 5.56%; height: auto; position: absolute; left: 30.97%; top: 30%;}
.rule .read .read2{position: absolute; width: 28.75%; height: auto; left: 39.31%; top: 35.5%;}
.rule .read .read3{display: none;}
.rule .next{float: left; width: 100%; height: 1rem; background-color: #999999; text-align: center; font-size: 0.24rem; color: #fff; line-height: 1rem;}
/* 活动规则部分 End */

/* 填写报名资料 Begin */
.write{float: left; width: 100%; height: auto;}
.write .top{width: 100%; height: 3rem;}
.write .year-bg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(29, 28, 28, 0.68); z-index: 2; display: none;}
.write .year{position: fixed; width: 5.96rem; height: auto; left: 50%; top: 50%; margin: -2rem 0 0 -2.98rem; z-index: 3; font-size: 0.24rem; color: #535353; display: none;}
.write .year .head{float: left; position: relative; width: 100%; height: 1rem; line-height: 1rem; background-color: #e5e5e5; text-align: center;}
.write .year .head .year-arrow,.write .school .school-arrow{position: absolute; width: 0.28rem; height: 0.16rem; top: 0.42rem; right: 0.15rem;}
.write .year .row,.write .school .school-row{float: left; width: 100%; height: 1rem; line-height: 1rem; background-color: #fff; border-bottom: 1px solid #ccc; text-indent: 0.2rem;}
.write .data-list{width: 5.96rem; height: auto; margin: 0px auto; margin-top: 0.11rem; font-size: 0.24rem; color: #535353;}
.write .data-list .data-row{position: relative; width: 100%; height: 1rem; line-height: 1rem; border-bottom: 1px solid #ccc;}
.write .data-list .data-row span{float: left;}
.write .data-list .data-row .point{color: #ff0000;}
.write .data-list .data-row input{float: right; width: 4rem; height: 0.3rem; line-height: 0.3rem; margin-top: 0.35rem;}
.write .school{position: absolute; width: 5.96rem; height: auto; left: 50%; top: 50%; margin: -2rem 0 0 -2.98rem; z-index: 3; font-size: 0.24rem; color: #535353; display: none;}
.write .school .school-head{float: left; position: relative; width: 100%; height: 1rem; line-height: 1rem; background-color: #e5e5e5; text-align: center;}
.write .data-confirm{float: left; width: 100%; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.24rem; color: #fff; background-color: #a21c23;}
/* 填写报名资料 End */

/* 选择就读学校区域地址 Begin */
.loca-index{float: left; width: 100%; height: auto;}
.loca-index .loca-row{width: 94%; height: 1rem; line-height: 1rem; font-size: 0.24rem; color: #535353; border-bottom: 1px solid #ccc; margin: 0 auto;}
.loca-index .loca-row span{float: left; text-indent: 0.2rem;}
.loca-index .school-bg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(29, 28, 28, 0.68); z-index: 2; display: none;}
.loca-index .school{position: fixed; width: 5.96rem; height: auto; left: 50%; top: 50%; margin: -1.2rem 0 0 -2.98rem; z-index: 3; font-size: 0.24rem; color: #535353; background-color: #fff; display: none;}
.loca-index .school span{width: 100%; height: 1rem; line-height: 1rem; text-align: center; display: block;}
.loca-index .school-form{width: 80%; height: auto; margin: 0 auto;}
.loca-index .school-name{width: 100%; height: 0.5rem; border: 1px #ccc solid; font-size: 0.24rem; text-indent: 0.1rem;}
.loca-index .btn{width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center; margin: 0.25rem auto; background-color: #a21c23; color: #fff; border-radius: 0.03rem;}
/* 选择就读学校区域地址 End */

/* 报名成功 Begin */
.succ-index{float: left; width: 100%; height: auto; font-size: 0.24rem;}
.succ-index .head{float: left; width: 100%; height: 4.39rem;}
.succ-index .head .head1{width: 1.2rem; height: 1.2rem; margin: 0 auto; display: block; margin-top: 1.15rem;}
.succ-index .head p{width: 100%; height: auto; text-align: center; line-height: 0.5rem; margin-top: 0.2rem;}
.succ-index .info{float: left; width: 94%; height: auto; margin-left: 3%; border: 1px solid #ccc;}
.succ-index .name-year{float: left; width: 100%; height: 0.5rem; line-height: 0.5rem;}
.succ-index .name-year .span1{float: left; width: 50%; text-indent: 0.2rem;}
.succ-index .name-year .span2{float: right; width: 50%;}
.succ-index .info p{float: left; width: 98%; height: auto; line-height: 0.5rem; margin-left: 2%;}
.succ-index .pick-code{float: left; width: 96%; height: auto; margin-left: 2%; border: 1px solid #ccc; line-height: 0.5rem; text-align: center; margin-top: 0.25rem;}
.succ-index .pick-code a{color: #000; text-decoration: underline;}
.succ-index .recommend-head{float: left; width: 100%; height: 0.82rem; line-height: 0.82rem; background-color: #f2f2f2; margin-top: 0.2rem; text-indent: 0.2rem;}
.succ-index .reco-list{float: left; width: 100%; height: auto;}
.succ-index .reco-list .reco-row{width: 100%; height: auto; border-bottom: 1px solid #ccc; position: relative;}
.succ-index .reco-list .reco-row img{width: 25.68%; height: auto; margin: 0.2rem 0 0.2rem 0.25rem;}
.succ-index .reco-list .reco-row .span1,.succ-index .reco-list .reco-row .span2{position: absolute; width: 63.47%; height: auto; font-size: 0.3rem; color: #343434; display: inline-block; overflow: hidden; left: 32.36%; top: 17.89%;}
.succ-index .reco-list .reco-row .span1{height: 0.4rem;}
.succ-index .reco-list .reco-row .span2{font-size: 0.25rem; color: #585858; top: 48%; word-wrap: break-word;}
.succ-index .libao img{float: left; width: 100%; height: 2.2rem;}
.succ-index .back{float: left; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; margin: 0.25rem 0 0.25rem 0; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
/* 报名成功 End */
/* 圆梦美院计划手机版样式 End */